<template>
    <img alt="Vue logo" src="./assets/logo.png" />
    <HelloWorld msg="Hello Vue 3 + Vite" />
  
    
      <!--使用 router-link 组件进行导航 -->
    <p>
      <h3>方法1 router-link</h3>
      <router-link to="/MainPage">主页</router-link> |
      <router-link to="/LoginPage">登录页</router-link> |
      <router-link to="/RegisterPage">注册页</router-link> |
      <router-link to="/HelloWorld">HelloWorld的页</router-link> |
      <router-link to="/WelcomeItem">WelcomeItem的页</router-link> 
  
      <br>===============================================================
      <h3>方法2 router-view ---- 直接访问/MainPage</h3>
          ===============================================================
    </p>
  
    <!-- 使用router-view：路由匹配到的组件将渲染在这里 -->
    <div id="app">
      <router-view></router-view>
    </div>
  </template>
  